<div class="middle-box text-center loginscreen  animated fadeInDown">
  <div>
    <div>
      <h1 class="logo-name">SulP</h1>
    </div>
    <h3>Welcome to SulP</h3>
    <!--<p>Login in. To see it in action.</p>-->
    <form #f="ngForm" class="m-t" role="form" action="#" (ngSubmit)="onLogin(f.value)">
      <div class="form-group">
        <input type="text" class="form-control" name="username" placeholder="Username" required ngModel>
      </div>
      <div class="form-group">
        <input type="password" class="form-control" name="password" placeholder="Password" required ngModel>
      </div>
      <button type="submit" class="btn btn-primary block full-width m-b">Login</button>

      <!--<a href="#"><small>Forgot password?</small></a>-->
      <!--<p class="text-muted text-center"><small>Do not have an account?</small></p>-->
      <!--<a class="btn btn-sm btn-white btn-block" href="#">Create an account</a>-->
    </form>
    <p *ngIf="errorMsg" class="text-danger">{{errorMsg}}</p>
    <!--<p class="m-t"> <small>Inspinia we app framework base on Bootstrap 3 &copy; 2014</small> </p>-->
  </div>
</div>
